<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>商店</title>
	<script src="../js/flexible.debug.js" type="text/javascript" charset="utf-8"></script>
    <!--if lt IE 9]>
        <script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/shop.css"/>
</head>
<body>
	
	<!-- 头部导航 -->
	<header class="header">
        <p>堆糖商店</p>
        <p><i class="iconfont">&#xe668;</i><i class="iconfont">&#xe600;</i></p>
    </header>
    
    
    <!-- banner -->
    <main class="main">
    	
    	<div class="_lunbo">
    		<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide"><a href=""><img src="../images/icon_33.png"/></a></div>
			        <div class="swiper-slide"><a href=""><img src="../images/icon_33.png"/></a></div>
			        <div class="swiper-slide"><a href=""><img src="../images/icon_33.png"/></a></div>
			    	<div class="swiper-slide"><a href=""><img src="../images/icon_33.png"/></a></div>
			    </div>
			    <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			</div>
    	</div>
        
        <div class="classify ">
        	<div class="_top clearfix">
        		<!--<dl>
					<dt><img src="../images/icon_7.png"/></dt>
					<dd>居家</dd>
				</dl>-->
				
				
        	</div>
			<div class="_update">
				<div class="">
					<dl>
		        		<dd>
		        			<p>新品速递</p>
		        			<p>每周一、四更新</p>
		        		</dd>
		        		<dt><img src="../images/icon_39.png"/></dt>
		        	</dl>
				</div>
	        	
	        	<div class="">
					<dl>
		        		<dd>
		        			<p>新品速递</p>
		        			<p>每周一、四更新</p>
		        		</dd>
		        		<dt><img src="../images/icon_39.png"/></dt>
		        	</dl>
				</div>
				<div class="">
					<dl>
		        		<dd>
		        			<p>新品速递</p>
		        			<p>每周一、四更新</p>
		        		</dd>
		        		<dt><img src="../images/icon_39.png"/></dt>
		        	</dl>
				</div>
	        </div>
        </div>
        
    </main>
    
    
    <!-- 底部导航 -->
    <footer class="footer">
    	<dl class="_shouye">
    		<dt><i class="iconfont">&#xe684;</i></dt>
    		<dd>首页</dd>
    	</dl>
    	<dl class="_faxian">
    		<dt><i class="iconfont">&#xe602;</i></dt>
    		<dd>发现</dd>
    	</dl>
    	<dl class="_shangdian">
    		<dt><i class="iconfont">&#xe649;</i></dt>
    		<dd>商店</dd>
    	</dl>
    	
    	<dl class="_wode">
    		<dt><i class="iconfont">&#xe671;</i></dt>
    		<dd>我</dd>
    	</dl>
    </footer>
    
	<script src="../assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="../assets/swiper/js/swiper-3.4.2.min.js"></script>
	<script src="../js/shop.js"></script>
    
    
    <script src="../assets/artTemplate/template-web.js" ></script>
    <script src="../assets/bootstrap/js/bootstrap.js"></script>
    <script type="text/html" id="template-item">
		{{each list v i}}
			<dl>
				<dt><img src="{{v.imgs}}"/></dt>
				<dd>{{v.content}}</dd>
			</dl>
		{{/each}}
 
    </script>
    
    
</body>
</html>
